<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="map" style="width:800px;height: 500px;"></div>
<script src="https://img.hcharts.cn/highmaps/highmaps.js"></script>
<script src="https://data.jianshukeji.com/geochina/china.js"></script>
<script>
  // 随机数据
  var data = [{"name":"北京","value":59},{"name":"天津","value":78},{"name":"河北","value":2},{"name":"山西","value":86},{"name":"内蒙古","value":48},{"name":"辽宁","value":25},{"name":"吉林","value":83},{"name":"黑龙江","value":13},{"name":"上海","value":87},{"name":"江苏","value":94},{"name":"浙江","value":100},{"name":"安徽","value":72},{"name":"福建","value":2},{"name":"江西","value":45},{"name":"山东","value":23},{"name":"河南","value":12},{"name":"湖北","value":75},{"name":"湖南","value":12},{"name":"广东","value":27},{"name":"广西","value":68},{"name":"海南","value":52},{"name":"重庆","value":77},{"name":"四川","value":31},{"name":"贵州","value":14},{"name":"云南","value":64},{"name":"西藏","value":17},{"name":"陕西","value":79},{"name":"甘肃","value":24},{"name":"青海","value":49},{"name":"宁夏","value":59},{"name":"新疆","value":97},{"name":"台湾","value":65},{"name":"香港","value":64},{"name":"澳门","value":25},{"name":"南海诸岛","value":55},{"name":"南海诸岛","value":18}];
  // 初始化图表
  var map = new Highcharts.Map('map', {
    title: {
      text: '中国地图'
    },
    colorAxis: {
      min: 0,
      minColor: 'rgb(255,255,255)',
      maxColor: '#006cee'
    },
    series: [{
      data: data,
      name: '随机数据',
      mapData: Highcharts.maps['cn/china'],
      joinBy: 'name' // 根据 name 属性进行关联
    }]
  });
</script>
</body>
</html>